<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/index.css"/>
		<!--<link rel="stylesheet" type="text/css" href="../../css/bootstap.css"/>-->
		<style type="text/css">
 		.indexbackgroundimgindex8{width: 51%; position: absolute; top: 9%; left: 22%; z-index: 9;display: block;}
  		.lodingindex{position: absolute; top: 36%; left: 38%; z-index: 9;display: block;}
			
        #loadinghide{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;}
        .positionnow{position: relative;left: 0;top: 0;right: 0;bottom: 0;}
        .yzdd-num-5{position: absolute; right: 17%;    top: 20%; height: 100%; width: 16%;}
        .yzdd-num-6{position: absolute; left: 82%; bottom: -24%; height: 100%; width: 16%;}
		</style>
	</head>
	<body>
		<div id="positionnow" class="positionnow" >
		<div id="" class="yzdd-background-img">
			<img class="yzdd-ran-img" src="../../img/yzddImg/match_bg.jpg"/>
			<div class="yzdd-ran-1">
				<span id="" class="yzdd-ran-jb-1">1357</span>
				<span id="" class="yzdd-ran-jb-2">135557</span>
				<img class="yzdd-num-1 class-2-2" src="../../img/yzddImg/fight_life_ico_nor.png"/>
				<img class="yzdd-num-5 class-2-1" src="../../img/yzddImg/fight_life_ico_nor.png"/>
				<img class="yzdd-num-2 class-3-2" src="../../img/yzddImg/fight_gold_ico_nor.png"/>
				<img class="yzdd-num-6 class-3-1" src="../../img/yzddImg/fight_gold_ico_nor.png"/>
			</div>
			<div id="" class="yzdd-content">
				<div class="yzdd-content-left">
						<div class="yzdd-content-left1"><img src="../../img/yzddImg/match_bg.jpg"/></div>
						 <div class="yzdd-content-left2">最高战绩<span>4</span>题</div>
						 <div class="yzdd-content-left3" >
						 	<img width="50%" height="50%" src="../../img/yzddImg/user_no_rank.png"/>
						 </div>
						<div class="yzdd-content-left4">
							<img class="yzdd-content-left4-1 class-1-1  " src="../../img/yzddImg/pk_ico_start_sel.png"/>
							<img class=" class-1-2 class-selected yzdd-content-left4-2" style="width: 100%;" src="../../img/yzddImg/pk_ico_start_nor.png"/>
							<!--<span id="" class="kaishi">638</span>-->
							<div class="yzdd-content-left4-all">
								<img class="yzdd-content-left4-3" src="../../img/yzddImg/sign_in_sub.png"/>
								<img class="yzdd-content-left4-4"  src="../../img/yzddImg/sign_in_3.png"/>
								<img class="yzdd-content-left4-5"  src="../../img/yzddImg/sign_in_6.png"/>
								<img class="yzdd-content-left4-6"  src="../../img/yzddImg/sign_in_8.png"/>
							</div>
						</div>
				 
				</div>
				<div class="yzdd-content-right">
					<img class="img1" src="../../img/yzddImg/match_bg_rank.png"/>	
					<img  class="img2" src="../../img/yzddImg/match_bg_list.png"/>
					<div class="yzdd-content-right-text">
						<div class="bottomran yzdd-content-right-1">
							<span id="" class="span-img-1">
								<img src="../../img/yzddImg/match_item_ico0.png"/>
							</span>
							<span id="" class="span-touxiang-1">
								<img src="../../img/yzddImg/uesr-img-1.png"/>
							</span>
							<span id="" class="span-user-name">一站到底</span>
							<span id="" class="span-user-num">209题</span>	
						</div>
						<div class="bottomran yzdd-content-right-1">
							<span id="" class="span-img-1">
								<img src="../../img/yzddImg/match_item_ico1.png"/>
							</span>
							<span id="" class="span-touxiang-1">
								<img src="../../img/yzddImg/uesr-img-1.png"/>
							</span>
							<span id="" class="span-user-name">一站到底</span>
							<span id="" class="span-user-num">209题</span>
						</div>
						<div class="bottomran yzdd-content-right-1">
							<span id="" class="span-img-1">
								<img src="../../img/yzddImg/match_item_ico2.png"/>
							</span>
							<span id="" class="span-touxiang-1">
								<img src="../../img/yzddImg/uesr-img-1.png"/>
							</span>
							<span id="" class="span-user-name">一站到底</span>
							<span id="" class="span-user-num">209题</span>
						</div>
						<div class="bottomran yzdd-content-right-1">
							<span id="" class="span-img-1">
								<img src="../../img/yzddImg/match_item_ico3.png"/>
							</span>
							<span id="" class="span-touxiang-1">
								<img src="../../img/yzddImg/uesr-img-1.png"/>
							</span>
							<span id="" class="span-user-name">一站到底</span>
							<span id="" class="span-user-num">209题</span>
						</div>
						<div class="yzdd-content-right-1">
							<span id="" class="span-img-1">
								<img src="../../img/yzddImg/match_item_ico4.png"/>
							</span>
							<span id="" class="span-touxiang-1">
								<img src="../../img/yzddImg/uesr-img-1.png"/>
							</span>
							<span id="" class="span-user-name">一站到底</span>
							<span id="" class="span-user-num">209题</span>
						</div>
					</div>
				</div>
			</div>	
		</div>
			<div id="" class="nav-ran-nav">开局后您拥有3个生命值，每答错一道题或者倒计时结束未操作则扣除一个生命，扣完则视为挑战结束；</div> 
		</div>
			
		<!--000000000000000000000000-->
		<div id="loadinghide" style="display: none;">
			<div class="indexbackgroundimg">
			<img id="index1" class="index1" src="../../img/indeximg/home_background.png"/>
			<img id="index2" class="index2" src="../../img/indeximg/home_left_wind.png"/>
			<img id="index3" class="index3"  src="../../img/indeximg/home_top_left_wind.png"/>
			<img id="index4" class="index4" src="../../img/indeximg/home_top_right_wind.png"/>
			<img id="index5" class="index5" src="../../img/indeximg/home_right_wind.png"/>
			<img id="index6" class="index6" src="../../img/indeximg/home_center_wind.png"/>
			<img id="index7" class="index7" src="../../img/indeximg/home_bottom.png"/>
			 <img id="indexbackgroundimgindex8" class="indexbackgroundimgindex8"  src="../../img/indeximg/home_title.png"/>
			 <img  class="lodingindex" src="../../img/indeximg/home_head_nor.png"/>
			 
		</div> 
			</div>
		<!--00000000000000000000000000-->
		<!--弹出层shop-->
		<div id="ran-now-shophide" class="ran-now-shophide" style="display: none;">
			<div class="ran-now-shophidecontent">
				<img class="ran-now-bg" src="../../img/yzddImg/shop/shop_bg.png"/>
					<div id="" class="ran-now-num-left">
						<img src="../../img/yzddImg/shop/shop_ico_gold.png"/>
						<span id="">2000</span>
					</div>
					<div id="" class="ran-now-num-right">
						<img src="../../img/yzddImg/shop/shop_ico_heart.png"/>
						<span id="">2000</span>
					</div>
					<div id="" class="ran-now-huoqujb">
						<img class="r-bg" src="../../img/yzddImg/shop/shop_bg_tmall.png"/>
						<div id="" class="div-div">
						<img class="div-img-1" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						<img class="div-img-2" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						<img class="div-img-3" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						<img class="div-img-4" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						</div>
					</div>
					<div id="" class="ran-now-huoqujb2">
						<div id="" class="div-div">
						<img class="div-img-1" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						<img class="div-img-2" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						<img class="div-img-3" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						<img class="div-img-4" src="../../img/yzddImg/shop/shop_ico_gold_sel.png"/>
						</div>
					</div>
			</div>
		</div>
		<!--弹出层shop-->
		
		<script src="../../js/alljs/indexJquery.js"></script>
		<script src="../../js/alljs/bootstap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yzddindex.js" type="text/javascript" charset="utf-8"></script>
 		<script type="text/javascript">
 		$(function(){
 			$("#loadingme").stop().animate({"width":"488px"},4000);	
 			setTimeout(function(){
 				$("#loadinghide").hide();
 			},4500)
 		})
 		 </script>
	</body>
</html>
